<template>
    <div class="header">
    
        <div class="header-left">
            <i class="icon iconfont icon-fanhui"></i>
        </div>
    
        <div class="header-input">
            <i class="icon iconfont icon-sousuo"></i>
            输入城市/景点/游玩主题
        </div>
    
        <div class="header-right">
            城市
            <i class="icon iconfont icon-jiantouarrow486"></i>
        </div>
    
    </div>
</template>
<script>
    export default {
    
        name: 'Header'
    
    }
</script>
<style lang="stylus" scoped>
.header
    width:100%;
    line-height :.86rem;
    background :#00BCD4;
    display :flex;
    color :#ffffff;
    .header-left
        width :.64rem;
        text-align center;
    .header-input
        flex:1;
        background #fff;
        border-radius .1rem;
        margin-top .12rem;
        height .62rem;
        margin-left .2rem; 
        color #ccc;
        line-height .62rem;
        padding-left .2rem;
    .header-right
        width:1.24rem;
        text-align:center;


</style>
